/* Reset基本样式 */

// 覆盖默认样式
html,
body,
#app {
  width: 100%!important;
  height: 100%;
  padding: 0;
  margin: 0;
  // --el-font-size-base:16px;
}


*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* HTML 文档的基础样式 */
html {
  line-height: 1.15; /* 改善可读性 */
  -webkit-text-size-adjust: 100%; /* 防止 iOS 上的字体缩放 */
}

/* 隐藏滚动条 */
body {
  margin: 0;
  font-family: 'Microsoft YaHei';
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
  overflow-x: hidden;
  font-size: 16px;
}

/* 取消列表的默认样式 */
ul,
ol {
  list-style: none;
}

/* 链接样式 */
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* 图片样式 */
img {
  // max-width: 100%;
  height: auto;
  display: block;
  border: 0;
}

/* 表单元素 */
input,
button,
textarea,
select {
  font: inherit; /* 确保在不同浏览器中一致 */
  outline: none;
  border: none;
  background: none;
}

button {
  cursor: pointer;
}

textarea {
  resize: none; /* 防止用户调整文本框大小 */
}

/* 标题和段落 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

/* 表格样式 */
table {
  width: 100%;
  border-collapse: collapse; /* 去掉单元格之间的间距 */
}

th, td {
  padding: 0.5em;
  text-align: left;
  border: 1px solid #ddd;
}

/* 通用的 box 样式 */
.box {
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 隐藏不必要的元素 */
.hidden {
  display: none !important;
}

/* 清除浮动 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* 通用按钮样式 */
.button {
  // padding: 0.75rem 1.25rem;
  border-radius: 5px;
  // background-color: #007bff;
  color: #fff;
  text-align: center;
}

// .button:hover {
//   background-color: #0056b3;
// }

/* 火狐专属滚动条样式 */
@-moz-document url-prefix() {
  html, body, * {
    scrollbar-color: #0003 #0000; /* 滑块颜色为绿色，轨道颜色为灰色 */
    scrollbar-width: thin; /* 滚动条宽度为细 */
  }
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background-color: #0000004d;
}

::-webkit-scrollbar-thumb {
  background-color: #00000016;
  border-radius: 10px;
  transition: all .2s ease-in-out;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  margin: 3px;
}

.el-table {
  background-color: unset;

  .el-table__header-wrapper {
    // background: url(@/assets/images/thead.png) center/100% 100% no-repeat;
    background-color: #90d1ff;
  }

  tr {
    background-color: unset;
  }

  .el-table__cell {
    background-color: unset;
    text-align: center;
    border: none;
  }

  th.el-table__cell {
    background-color: unset;
    color: #2c2c2c;
  }

  td.el-table__cell {
    border: none;
  }
}